Ext.onReady(function fn() {
			Ext.get('loading').remove();
			var myLoginForm = new Ext.FormPanel({ // 定义一个FormPanel对象
				width : 350,
				height : 220,
				labelAlign : 'right',
				bodyStyle : 'padding:5px 5px 0',// 制定body元素的CSS样式。格式形如Ext.ElementapplyStyles（缺省为null）。
				anchor : '100%',
				frame : true, // 设置窗体为圆角
				renderTo : "loginForm", // 设置渲染的Div
				title : "登录系统",
				url : "login.action",
				method : "POST",
				// 以下两个为Submit的主要方法
				onSubmit : Ext.emptyFn,
				submit : function() {

					this.getEl().dom.action = "login.action";
					this.getEl().dom.submit()

					// Ext.MessageBox.alert("Form submit","Submit SUCCESS!!!");
				},
				items : [ // 设置FormPanel的子对象
				{
							fieldLabel : "用户名", // 标签内容
							xtype : "textfield", // 对象的类型,默认为 textfield
							allowBlank : false, // 是否允许为空,默认为 true
							blankText : "用户名不能为空", // 显示错误提示信息
							name : "userName",
							id : "userName"
						}, {
							fieldLabel : "密码",
							xtype : "textfield",
							allowBlank : false,
							blankText : "密码不能为空",
							inputType : "password", // 输入类型为 password
							name : "passWord",
							id : "passWord"
						}],
				buttons : [{ // 为FormPanel添加Button对象
					text : "登录信息",
					handler : function() { // Button所执行的事件Event
						Ext.MessageBox.alert("Event", "userName:"
										+ Ext.get("userName").dom.value
										+ "\npassword:"
										+ Ext.get("passWord").dom.value); // 这里我设置为输出UsernamePassword的值
					}
				}, {
					text : "登录",
					handler : function() {
						if (myLoginForm.form.isValid()) { // 判断是否通过验证
							myLoginForm.form.submit(); // 提交表单
						}
					}
				}, {
					text : "重置",
					handler : function() {
						myLoginForm.form.reset(); // 重置表单
					}
				}]
			});
			// 以下为显示验证提示的主要设置
			Ext.QuickTips.init();
			Ext.form.Field.prototype.msgTarget = 'side';
		});
